<template>
	<view class="pageBg">
		<Skeleton v-if="skeletonLoading" type="detail"></Skeleton>
		<Head title="简历详情" type="detail" :isBack="false"></Head>
		<view class="warpper">
			<!-- 基本信息 -->
			<view class="resumeBase publicResumeItem">
				<view class="baseBox">
					<view class="resumeName">
						<image v-if="base_info.high_quality == 1" class="highquality"
							src="../static/img/index/highquality.png"></image>
						<!-- <image  class="stick" src="../../static/img/stick2.png"></image> -->
						<view :class=" base_info.high_quality == 1 ? 'name isPd substring': 'name substring'">
							{{base_info.fullname}}
						</view>
						<view class="tag" v-if="base_info.service_tag">{{base_info.service_tag}}</view>
					</view>
					<view class="resumeOther substring">
						<view class="item">{{base_info.age}}岁</view>
						<view class="item">{{base_info.education_text}}</view>
						<view class="item">{{base_info.experience_text}}</view>
					</view>
					<view class="resmueMore substring" @click="handleMoreOpen">
						更多基本信息
						<u-icon name="arrow-right"></u-icon>
					</view>
					<view class="resumeImg">
						<image class="img" :src="base_info.photo_img_src"></image>
						<image v-if="base_info.sex==1" class="man" src="../static/img/index/man.png"></image>
						<image v-if="base_info.sex==2" class="woman" src="../static/img/index/woman.png"></image>
					</view>
				</view>
				<view class="readMore" v-if="base_info.specialty">
					<u-read-more ref="uReadMore" show-height="164" :shadow-style="readMoreShadowStyle" text-indent="0"
						close-text="查看全部" :toggle="true">
						<u-parse :html="base_info.specialty" @load="parseLoaded"></u-parse>
					</u-read-more>
				</view>
			</view>
			<!-- 基本信息 -->
			<!-- 求职期望 -->
			<view class="expectation publicResumeItem" v-if="intention_list.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">求职</text>
						<text class="color2">期望</text>
					</view>
					<view class="rigthText">{{base_info.current_text}}</view>
				</view>
				<ul class="expectationList ">
					<li class="expectationItem" v-for="(item,index) in intention_list" :key="index">
						<view class="jobName">
							<view class="tag">
								{{item.nature_text}}
							</view>
							<view class="name substring">{{item.category_text}}</view>
							<view class="salary substring">{{item.wage_text}}</view>
						</view>
						<view class="address substring">{{item.district_text}}</view>
					</li>
				</ul>
			</view>
			<!-- 求职期望 -->
			<!-- 求职视频 -->
			<!-- <view class="video publicResumeItem" v-if="videoList.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">求职</text>
						<text class="color2">视频</text>
					</view>
				</view>
				<view class="videoList">
					<swiper class="swiper" :current="currentSwiperIdx" @change="handleSwiperChange">
						<swiper-item v-for="(item,index) in videoList" :key="index">
							<view class="imgtwo">
								<image :src="item.video_src+'?vframe/jpg/offset/0'" mode="aspectFill"></image>
							</view>
						</swiper-item>
					</swiper>

					<view class="left-back" @click.stop="leftImg">
						<u-icon name="arrow-left" color="#FFFFFF"></u-icon>
					</view>
					<view class="right-forword" @click.stop="rightImg">
						<u-icon name="arrow-right" color="#FFFFFF"></u-icon>
					</view>
				</view>
			</view> -->
			<!-- 求职视频 -->


			<!-- 统计 -->
			<view class="count publicResumeItem">
				<view class="item w1">
					<view class="label">两周内主动投递:</view>
					<view class="value">{{apply_num}}次</view>
				</view>
				<view class="item w2">
					<view class="label">两周内被下载:</view>
					<view class="value">{{download_num}}次</view>
				</view>
			</view>
			<!-- 统计 -->


			<!-- 工作经验 -->
			<view class="experience publicResumeItem" v-if="work_list.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">工作</text>
						<text class="color2">经验</text>
					</view>
					<view class="rigthText">{{work_list.length}}段工作经历</view>
				</view>
				<view class="experienceList">
					<view class="item" v-for="(item,index) in work_list" :key="index">
						<view class="publicItemTitle">
							<view class="substring">{{item.companyname}}</view>
						</view>
						<view class="job">
							<view class="jobName substring">{{item.jobname}}</view>
							<view class="time">
								{{item.starttime | monthTimeFilter}}
								<text v-if="item.todate == 1">至今</text>
								<text v-else>至 {{ item.endtime | monthTimeFilter }}</text>
							</view>
						</view>
						<view class="des">
							<view class="color1">
								岗位职责：
							</view>
							{{item.duty}}
						</view>
					</view>
				</view>
			</view>
			<!-- 工作经验 -->
			<!-- 项目经历 -->
			<view class="project publicResumeItem"
				v-if=" resume_module.project !== undefined && resume_module.project.is_display == 1 && project_list.length > 0 ">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">项目</text>
						<text class="color2">经历</text>
					</view>
					<view class="rigthText">{{project_list.length}}段项目经历</view>
				</view>

				<view class="projectList">
					<view class="item" v-for="(item,index) in project_list" :key="index">
						<view class="publicItemTitle">
							<view class="substring">{{item.projectname}}</view>
						</view>
						<view class="job">
							<view class="jobName substring">{{item.role}}</view>
							<view class="time">
								{{item.starttime | monthTimeFilter}}
								<text v-if="item.todate == 1">至今</text>
								<text v-else>至 {{ item.endtime | monthTimeFilter }}</text>
							</view>
						</view>
						<view class="des">
							<view class="color1">
								岗位职责：
							</view>
							{{item.description}}
						</view>
					</view>
				</view>

			</view>
			<!-- 项目经历 -->
			<!-- 教育经历 -->
			<view class="education publicResumeItem" v-if="education_list.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">教育</text>
						<text class="color2">经历</text>
					</view>
					<view class="rigthText">{{education_list.length}}段教育经历</view>
				</view>
				<view class="educationList">
					<view class="item" v-for="(item,index) in education_list" :key="index">
						<view class="publicItemTitle">
							<view class="name substring">{{item.school}}</view>
							<view class="time substring">
								{{item.starttime | monthTimeFilter}}
								<text v-if="item.todate == 1">至今</text>
								<text v-else>至 {{ item.endtime | monthTimeFilter }}</text>
							</view>
						</view>
						<view class="major">
							<text class="text">{{item.education_text}}</text>
							<text
								class="text">{{ field_rule.education.major!==undefined && field_rule.education.major.is_display === 1 && item.major ? `${item.major}` : '' }}</text>
						</view>
					</view>
				</view>
			</view>
			<!-- 教育经历 -->
			<!-- 个性标签 -->
			<view class="tag publicResumeItem"
				v-if="base_info.tag_text_arr != undefined && base_info.tag_text_arr.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">个性</text>
						<text class="color2">标签</text>
					</view>
				</view>
				<view class="tagList">
					<view class="item" v-for="(item,index) in base_info.tag_text_arr" :key="index">{{item}}</view>
				</view>
			</view>
			<!-- 个性标签 -->

			<!-- 联系方式 -->
			<view class="contact publicResumeItem" v-if="show_contact == 1">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">联系</text>
						<text class="color2">方式</text>
					</view>
				</view>
				<view class="contactBox">
					<view class="item">
						<view class="label mobile">手机号：</view>
						<view class="value mobileVal substring">{{contact_info.mobile}}</view>
					</view>
					<!-- #ifdef MP-WEIXIN -->
					<view class="item"
						v-if=" field_rule.contact.weixin != undefined && field_rule.contact.weixin.is_display == 1 && contact_info.weixin != '' ">
						<view class="label weixin">微信：</view>
						<view class="value weixinVal substring">{{contact_info.weixin}}</view>
					</view>
					<!-- #endif -->
					<view class="item"
						v-if=" field_rule.contact.email != undefined && field_rule.contact.email.is_display == 1 && contact_info.email != '' ">
						<view class="label mobile">邮箱：</view>
						<view class="value mobileVal substring">{{contact_info.email }}</view>
					</view>
					<!-- #ifdef MP-WEIXIN -->
					<view class="item"
						v-if=" field_rule.contact.qq != undefined && field_rule.contact.qq.is_display == 1 && contact_info.qq != '' ">
						<view class="label mobile">QQ：</view>
						<view class="value mobileVal substring">{{contact_info.qq }}</view>
					</view>
					<!-- #endif -->
				</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_download'">
				<view class="text">下载简历后可查看联系方式</view>
				<view class="btn" @click="doDownload">下载</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_login'">
				<view class="text">登录后可查看联系方式</view>
				<view class="btn" @click="handleLogin">去登录</view>
			</view>
			<view class="unableSeeContact" v-if=" show_contact == 0 && show_contact_note == 'need_company_login'">
				<view class="text">登录企业会员后查看联系方式</view>
				<view class="btn" @click="handleCompanyLogin">去登录</view>
			</view>
			<!-- 联系方式 -->
			<!-- 提示 -->
			<view class="tips">
				<view class="tipsTitle">{{config.sitename}}安全提示</view>
				<view class="tipsDes">
					招聘过程如遇无效、虚假简历，联系方式不实等情况，请立即举报，我们将及时处理<text class="color1" @click="handlerReport">立即举报</text>
				</view>
			</view>
			<!-- 提示 -->
			<!-- 培训经历-->
			<view class="cultivate publicResumeItem"
				v-if=" resume_module.training!==undefined && resume_module.training.is_display == 1 && training_list.length > 0 ">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">培训</text>
						<text class="color2">经历</text>
					</view>
					<view class="rigthText">{{training_list.length}}段培训经历</view>
				</view>
				<view class="cultivateList">
					<view class="item" v-for="(item,index) in training_list" :key="index">
						<view class="publicItemTitle">
							<view class="substring">{{item.agency}}</view>
						</view>
						<view class="job">
							<view class="jobName substring">{{item.course}}</view>
							<view class="time">
								{{item.starttime | monthTimeFilter}}
								<text v-if="item.todate == 1">至今</text>
								<text v-else>至 {{ item.endtime | monthTimeFilter }}</text>
							</view>
						</view>
						<view class="des">
							<view class="color1">
								培训内容：
							</view>
							{{item.description}}
						</view>
					</view>
				</view>
			</view>
			<!-- 培训经历 -->

			<!-- 获得证书-->
			<view class="certificate publicResumeItem"
				v-if=" resume_module.certificate!==undefined && resume_module.certificate.is_display == 1 && certificate_list.length > 0 ">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">获得</text>
						<text class="color2">证书</text>
					</view>
				</view>
				<view class="certificateList">
					<view class="item" v-for="(item,index) in certificate_list" :key="index">{{item.name}}</view>
				</view>
			</view>
			<!-- 获得证书 -->

			<!-- 语言能力-->
			<view class="ability publicResumeItem"
				v-if=" resume_module.language!==undefined &&resume_module.language.is_display == 1 && language_list.length > 0 ">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">语言</text>
						<text class="color2">能力</text>
					</view>
				</view>
				<view class="abilityList">
					<view class="item" v-for="(item,index) in language_list" :key="index">
						<text class="text1">{{item.language_text}}</text>
						<text class="text2">{{item.level_text}}</text>
					</view>
				</view>
			</view>
			<!-- 语言能力 -->

			<!-- 我的作品-->
			<view class="works publicResumeItem"
				v-if="resume_module.img!==undefined &&resume_module.img.is_display == 1 && img_list.length > 0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">我的</text>
						<text class="color2">作品</text>
					</view>
				</view>
				<view class="worksList">
					<view class="item" v-for="(item,index) in img_list" :key="index">
						<u-image width="100%" height="100%" border-radius="6rpx" :src="item.img_src"></u-image>
					</view>
				</view>
			</view>
			<!-- 我的作品 -->
			<!-- 附件简历 -->
			<!-- <view class="enclosure publicResumeItem" v-if="enclosure_resume.title">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">我的</text>
						<text class="color2">简历</text>
					</view>
				</view>
				<view class="enclosureList">
					<view class="item substring" @click="handleDownloadEnclosure">
						{{enclosure_resume.title}}
					</view>
				</view>
			</view> -->
			<!-- 附件简历 -->
		</view>

		<view class="btns footerBtnBoxShow">
			<view class="home" @click="doHome"></view>
			<view class="dial" @click="doTel"></view>
			<!-- #ifdef MP-TOUTIAO || MP-WEIXIN -->
			<view class="btn bgColor1" @click="doMsg">立即沟通</view>
			<!-- #endif -->
			<view class="btn bgColor2" v-if="show_contact === 0" @click="doDownload">
				下载简历
				<!-- <view class="bannerBtnAnim"></view> -->
			</view>
			<view class="btn bgColor2" v-else @click="doInterview">
				面试邀请
				<!-- <view class="bannerBtnAnim"></view> -->
			</view>
		</view>
		<Rightnav :isTop="isTop" @doFav="doFav" :has_fav="has_fav" @handleOpenShare="handleOpenShare"></Rightnav>
		<!-- <view :class="isRigthNav ? 'rightNav' : 'rightNav ac'">
			<view :class="has_fav == 1 ? 'btn collect_ac ' : 'btn collect'" @click="doFav"></view>
			<view class="btn share" @click="handleOpenShare"></view>
			<view class="btn top" v-if="isTop" @click="goTop"></view>
		</view> -->

		<TopTips ref="TopTips"></TopTips>
		<!-- 面试邀请 -->
		<view :class="showInvite ? 'addInvitation ac' : 'addInvitation'">
			<AddInvitation ref="AddInvitation" from="detail" :apply_fullname="base_info.fullname"
				:resume_id="base_info.id" @closePopup="showInvite = false"></AddInvitation>
		</view>
		<!-- 面试邀请 -->
		<!-- 登录弹窗 -->
		<LoginPopup ref="LoginPopup" :single_login="true" :utype="1" :after_login_data="after_login_data"
			:redirect="'/commonViews/ResumeShow?id=' + query_id" @phoneNumberLogin="phoneNumberLogin"></LoginPopup>
		<!-- 登录弹窗 -->
		<!-- 开启隐私号码 -->
		<u-modal v-model="codePro.show" show-cancel-button :confirm-text="codePro.btnCn" @confirm="callCodePro"
			confirm-button-color="#1989fa">
			<view style="padding: 20rpx;">
				<view class="line18">拔打号码</view>
				<view class="line18 color-orange font15 bold" v-text="codePro.x"></view>
				<view class="line18 font12">(电话<text class="color-orange" v-text="codePro.timeout"></text>秒后失效,请尽快拔打)
				</view>
				<view v-if="phone_protect_type==1" class="line18 font12 color-gray">仅支持使用<text
						v-text="codePro.a"></text>的手机卡拔号</view>
			</view>
		</u-modal>
		<!-- 开启隐私号码 -->

		<!-- 联系客服 -->
		<u-modal v-model="showDirectService" :show-title="false" confirm-text="拨号" :show-cancel-button="true"
			@confirm="handleMakeCall">
			<view class="addJobTips">
				<view class="text1">
					开通业务
				</view>
				<view class="text2">
					请您联系您的专属客服
				</view>
				<view class="text3">
					<text>{{customerInfo.mobile}}</text>
				</view>
				<view class="text4">
					{{customerInfo.name}}
				</view>
			</view>
		</u-modal>
		<!-- 联系客服 -->

		<!-- 更多基本信息 -->
		<Popup ref="morePopup" title="更多基本信息">
			<view class="moreBaseInfo">
				<view class="detail_line"
					v-if=" field_rule.basic.marriage !== undefined &&  field_rule.basic.marriage.is_display == 1 && base_info.marriage_text">
					<view class="line_left">
						{{ field_rule.basic.marriage.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.marriage_text }}
					</view>
				</view>
				<!-- {{field_rule.basic}} -->
				<view
					v-if="field_rule.basic.height !== undefined && field_rule.basic.height.is_display == 1 && base_info.height!='' && base_info.height>0"
					class="detail_line clearfix">
					<view class="line_left">{{ field_rule.basic.height.field_cn }}：</view>
					<view class="line_right">
						{{ base_info.height }}CM
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if=" field_rule.basic.major !== undefined && field_rule.basic.major.is_display == 1 && base_info.major_text ">
					<view class="line_left">{{ field_rule.basic.major.field_cn }}：</view>
					<view class="line_right">
						{{ base_info.major_text }}
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if=" field_rule.basic.householdaddress !== undefined && field_rule.basic.householdaddress.is_display == 1 && base_info.householdaddress ">
					<view class="line_left">
						{{ field_rule.basic.householdaddress.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.householdaddress }}
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if=" field_rule.basic.residence !== undefined && field_rule.basic.residence.is_display == 1 && base_info.residence ">
					<view class="line_left">
						{{ field_rule.basic.residence.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.residence }}
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if=" field_rule.basic.custom_field_1 !== undefined && field_rule.basic.custom_field_1.is_display == 1 && base_info.custom_field_1 ">
					<view class="line_left">
						{{ field_rule.basic.custom_field_1.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.custom_field_1 }}
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if="field_rule.basic.custom_field_2 !== undefined && field_rule.basic.custom_field_2.is_display == 1 && base_info.custom_field_2 ">
					<view class="line_left">
						{{ field_rule.basic.custom_field_2.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.custom_field_2 }}
					</view>
				</view>
				<view class="detail_line clearfix"
					v-if="field_rule.basic.custom_field_3 !== undefined && field_rule.basic.custom_field_3.is_display == 1 && base_info.custom_field_3 ">
					<view class="line_left">
						{{ field_rule.basic.custom_field_3.field_cn }}：
					</view>
					<view class="line_right">
						{{ base_info.custom_field_3 }}
					</view>
				</view>
			</view>
		</Popup>
		<!-- 更多基本信息 -->
		<!-- 选择职位 -->
		<Popup ref="selectJobPopup" :showTitle="false" :showConfirmButton="false">
			<SelectJob @cancelSelectJob="cancelSelectJob" @handleCommunicate="handleCommunicate"
				@handleCloseSelectJob="handleCloseSelectJob" :chatid="imChatid" :companyId="companyId"></SelectJob>
		</Popup>
		<!-- 选择职位 -->
		<!-- 绑定微信 -->
		<Popup ref="bindWeixinPopup" :showTitle="false" :showConfirmButton="false">
			<view class="bind-weixin-box">
				<view class="title-1">您当前未绑定微信，绑定后可发起聊天。</view>
				<view class="img">
					<image class="qrcode" :show-menu-by-longpress='true' :src="scanQrcodeImg"></image>
				</view>
				<view class="title-2">使用微信扫一扫，按提示快速绑定</view>
			</view>
		</Popup>
		<!-- 绑定微信 -->
		<!-- 分享 -->
		<Share ref="share" @handleCreateBill="handleCreateBill"></Share>
		<SharePoster v-if="showPoster" @closePoster="closePoster" :type="'resume'" :infoid="query_id"></SharePoster>
		<!-- 分享 -->

		<!-- 下载附件简历加载动画 -->
		<u-mask :show="loading">
			<u-loading :show="true" mode="flower" size="68" class="loading">加载中...</u-loading>
		</u-mask>
	</view>
</template>

<script>
	import {
		parseTime,
		toAddComInfoForm
	} from '@/utils/index'
	import http from '@/utils/http'
	import api from '@/api'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import AddInvitation from '@/components/AddInvitation'
	import LoginPopup from '@/components/LoginPopup.vue'
	import Share from '@/components/share/Share.vue'
	import SharePoster from '@/components/share/SharePoster.vue'
	import Skeleton from '@/components/Skeleton.vue'
	import {
		onShareAppMessage,
		onShareTimeline
	} from '@/utils/share.js'
	import Rightnav from './components/rightNav.vue'
	import SelectJob from './components/SelectJob.vue'
	export default {
		name: 'ResumeShow',
		filters: {
			monthTimeFilter(timestamp) {
				return parseTime(timestamp, '{y}-{m}')
			},
		},
		computed: {
			...mapState(['config'])
		},
		components: {
			AddInvitation,
			LoginPopup,
			Share,
			SharePoster,
			Skeleton,
			Rightnav,
			SelectJob
		},
		data() {
			return {
				skeletonLoading: true,
				after_login_data: {},
				loading: false,
				currentSwiperIdx: 0,
				showPoster: false,
				isMoreInfoShow: false,
				// 隐私号
				codePro: {
					show: false,
					x: '',
					timeout: 0,
					a: '',
					btnCn: '立即拔打'
				},
				readMoreShadowStyle: {
					backgroundImage: "none",
					paddingTop: "12rpx",
					paddingBottom: '10rpx'
				},
				showDirectService: false,
				customerInfo: {},
				showInvite: false,
				imgUrl: getApp().globalData.imgUlr,
				moreDetailBtn: false,
				mainLoading: true,
				query_id: '',
				resume_module: {},
				field_rule: {
					basic: {},
					contact: {},
					intention: {},
					education: {}
				},
				base_info: {},
				enclosure_resume: {},
				intention_list: [],
				show_contact: 0,
				show_contact_note: '',
				contact_info: {},
				work_list: [],
				education_list: [],
				project_list: [],
				training_list: [],
				language_list: [],
				certificate_list: [],
				img_list: [],
				apply_num: 0,
				download_num: 0,
				has_fav: 0,
				phone_protect_open: false,
				phone_protect_timeout: 0,
				phone_protect_type: 0,
				cur_com_mobile: '',
				previewImgList: [],
				is_company_login: false,
				enableClick: true,
				videoList: [],
				time: null,
				isRigthNav: true,
				isTop: false,
				jobid: 0,
				imChatid: '',
				companyId: '',
				selectJobObj: {},
				bindWeixinShow: false,
				// 绑定微信二维码
				scanQrcodeImg: '',
				toCompleteCompanyInfo: false
			}
		},
		onShareAppMessage() {
			let wechatShareInfo = {
				fullname: this.base_info.fullname,
				sex: this.base_info.sex == 1 ? '男' : '女',
				age: this.base_info.age + '岁',
				education: this.base_info.education_text,
				experience: this.base_info.experience_text,
				intention_jobs: this.base_info.intention_jobs_text,
				imgUrl: this.base_info.photo_img_src
			};
			return onShareAppMessage({
				url: '/commonViews/ResumeShow?id=' + this.query_id,
				alias: "resumeshow",
				info: wechatShareInfo
			})
		},
		onShareTimeline() {
			let wechatShareInfo = {
				fullname: this.base_info.fullname,
				sex: this.base_info.sex == 1 ? '男' : '女',
				age: this.base_info.age + '岁',
				education: this.base_info.education_text,
				experience: this.base_info.experience_text,
				intention_jobs: this.base_info.intention_jobs_text,
				imgUrl: this.base_info.photo_img_src
			};
			return onShareTimeline({
				url: '/commonViews/ResumeShow?id=' + this.query_id,
				alias: "resumeshow",
				info: wechatShareInfo
			})
		},
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop)
			// this.isRigthNav = true
			if (res.scrollTop > 100) {
				this.isTop = true
			} else {
				this.isTop = false
			}
			// if (this.isRigthNav) {
			// clearInterval(this.time);
			// this.isNavTime()
			// }
		},
		onLoad(options) {
			this.toCompleteCompanyInfo = uni.getStorageSync('toCompleteCompanyInfo')
			//获取扫描小程序二维码路径参数
			const scene = decodeURIComponent(options.scene)
			const scene_id = scene.substring(scene.indexOf("=") + 1)
			this.query_id = options.id
			if (options.scene) {
				this.query_id = scene_id
			}
			// 请求数据
			if (options.method) {
				this.fetchData(options.method)
			} else {
				this.fetchData()
			}
			this.getVideoList()
			this.is_company_login = !!(this.$store.state.LoginOrNot === true && this.$store.state.LoginType == 1);
		},
		mounted() {
			// this.isNavTime()
			this.getScanQrcodeImg()
		},
		beforeDestroy() {
			if (this.timer) {
				clearInterval(this.time);
			}
		},
		methods: {
			...mapMutations(['setImShowParams', 'setImChatId']),
			/**
			 * 绑定微信二维码
			 */
			getScanQrcodeImg() {
				http.get(api.get_qrcode, {
					type: 'bind_weixin'
				}).then(res => {
					this.scanQrcodeImg = res.data.data
				})
			},
			/**
			 * 选择沟通职位
			 * @jobItem 当前沟通职位信息
			 */
			handleCommunicate(jobItem) {
				this.$refs.selectJobPopup.close()
				this.jobid = jobItem.id
				this.selectJobObj = jobItem
				this.doMsg()
			},
			handleMoreOpen() {
				this.$refs.morePopup.open()
			},
			phoneNumberLogin() {
				this.is_company_login = !!(this.$store.state.LoginOrNot === true && this.$store.state.LoginType == 1);
				setTimeout(() => {
					this.fetchData(this.after_login_data.method)
				}, 1000)
			},
			handleNotCompanyTips() {
				if (this.$store.state.LoginType == 2 && !this.is_company_login) {
					this.$refs.TopTips.show({
						title: '请登录企业账号',
						type: 'error'
					})
					return false
				}
				return true
			},
			// 举报
			handlerReport() {
				if (this.toCompleteCompanyInfo) {
					toAddComInfoForm()
					return false
				}
				if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'handlerReport'
						}
					}
				} else {
					if (this.base_info.audit != 1) {
						this.$refs.TopTips.show({
							title: '该简历还未审核通过，不能继续此操作',
							type: 'error'
						})
						return false
					}
					uni.navigateTo({
						url: `/commonViews/TipOffIndex?type=2&target_id=${this.base_info.id}&fullname=${this.base_info.fullname}`
					})
				}
			},
			handleSwiperChange(e) {
				this.currentSwiperIdx = e.detail.current
			},
			leftImg() {
				let num = this.videoList.length - 1
				if (this.currentSwiperIdx <= 0) {
					this.currentSwiperIdx = num
				} else {
					this.currentSwiperIdx--
				}
			},
			rightImg() {
				let num = this.videoList.length - 1
				if (this.currentSwiperIdx >= num) {
					this.currentSwiperIdx = 0
				} else {
					this.currentSwiperIdx++
				}
			},
			isNavTime() {
				this.time = setTimeout(() => {
					this.isRigthNav = false
				}, 5000)
			},
			// 获取客服信息
			async customerData() {
				var that = this
				http.get(api.customer_service).then(res => {
					if (res.data.code == 200) {
						this.customerInfo = res.data.data.info
						this.showDirectService = true
					}
				})
			},
			// 联系客服拨打电话
			handleMakeCall() {
				uni.makePhoneCall({
					phoneNumber: this.customerInfo.mobile, //仅为示例
					complete: function(res) {}
				});
			},
			// 返回顶部
			goTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
			},
			// 自我描述初始化
			parseLoaded() {
				this.$nextTick(() => {
					this.$refs.uReadMore.init();
					this.skeletonLoading = false
				})
			},
			// 隐私号码拨打电话
			callCodePro() {
				uni.makePhoneCall({
					phoneNumber: this.codePro.x, //仅为示例
					complete: function(res) {}
				});
			},
			// 拨打电话
			async doTel() {
				if (this.toCompleteCompanyInfo) {
					toAddComInfoForm()
					return false
				}
				// 是否可以查看电话号码
				if (this.show_contact == 1) {
					uni.makePhoneCall({
						phoneNumber: this.contact_info.mobile
					});
					// 查看是否开启隐私拨号
					// if (this.phone_protect_open) {
					// 	let {
					// 		code,
					// 		message,
					// 		data
					// 	} = await http.get(api.secret_phone, {
					// 		resume_id: this.query_id
					// 	});
					// 	this.codePro.x = data.data.x;
					// 	this.codePro.timeout = data.data.timeout;
					// 	this.codePro.a = data.data.a;
					// 	this.codePro.show = true;
					// 	let that = this;
					// 	this.$nextTick(() => {
					// 		let tmh = null;
					// 		let tm = function() {
					// 			if (that.codePro.show && that.codePro.timeout > 0) {
					// 				that.codePro.timeout--;
					// 				tmh = setTimeout(tm, 1000);
					// 			} else {
					// 				that.codePro.show = false;
					// 				clearTimeout(tmh);
					// 			}
					// 		};
					// 		setTimeout(tm, 1000);
					// 	});
					// } else {}
				} else if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doTel'
						}
					}
				} else {
					if (this.show_contact_note == 'need_download') {
						this.$refs.TopTips.show({
							title: '请先下载简历',
							type: 'error'
						})
					}
				}
			},
			doHome() {
				uni.reLaunch({
					url: '/views/Index'
				});
			},
			// 收藏
			doFav() {
				if (this.toCompleteCompanyInfo) {
					toAddComInfoForm()
					return false
				}
				if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doFav'
						}
					}
				} else {
					if (this.enableClick === false) {
						return false;
					}
					this.enableClick = false;
					if (this.base_info.audit != 1) {
						this.enableClick = true;
						this.$refs.TopTips.show({
							title: '该简历还未审核通过，不能继续此操作',
							type: 'error'
						})
						return false;
					}
					const params = {
						resume_id: this.query_id
					};
					let _api_url = this.has_fav == 1 ? api.resumefav_cancel : api.resumefav;
					http.post(_api_url, params)
						.then(res => {
							if (res.data.code == 200) {
								this.enableClick = true;
								this.has_fav = this.has_fav == 1 ? 0 : 1;
								this.$refs.TopTips.show({
									title: res.data.message,
									type: 'success'
								})
							}
						})
						.catch(() => {
							this.enableClick = true;
						});
				}
			},
			// 聊天
			doMsg() {
				if (!this.is_company_login) {
					uni.showModal({
						title: '提示',
						content: '当前操作需要登录企业账号',
						cancelText: "取消", // 取消按钮的文字  
						confirmText: "确认", // 确认按钮的文字  
						showCancel: true, // 是否显示取消按钮，默认为 true
						confirmColor: '#1360FF',
						cancelColor: '#cecece',
						success: (res) => {
							if (res.confirm) {
								this.$refs.LoginPopup.open()
								this.after_login_data = {
									method: 'doMsg'
								}
							} else {
								console.log('cancel')
							}
						}
					})
				} else {
					// if (this.base_info.audit != 1) {
					//   this.$notify('该简历还未审核通过，不能继续此操作')
					//   return false
					// }
					http.post(api.company_index, {}).then(res_comindex => {
						var {
							companyinfo
						} = res_comindex.data.data
						// if (this.jobid == 0) {
						this.companyId = companyinfo.id
						http.post(api.imStart, {
							token: this.$store.state.imToken,
							resumeid: this.base_info.id,
							jobid: this.jobid
						}).then(response => {
							// disabled 不能使用功能
							// bind_weixin绑定微信
							// complete_resume完善简历
							// 空字符串 正常使用
							// choose_job 选择职位
							// pay 需要购买增值服务，触屏是快捷支付
							let res = response.data
							if (parseInt(res.code) == 200) {
								if (res.data.next == '') {
									this.setImShowParams({
										jobname: this.selectJobObj.jobname,
										name: this.base_info.fullname,
										resumeid: this.base_info.id,
										jobid: this.jobid,
										companyId: companyinfo.id
									})
									this.setImChatId(res.data.chatid)
									let chatid = res.data.chatid,
										that = this
									uni.navigateTo({
										url: '/im/imShow?chatid=' + res.data.chatid,
										events: {
											// 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
											acceptDataFromOpenedPage: function(
												data) { //参数名字随便起，前后页面对应上即可
												//对发送回来的数据进行处理
												console.log(data)
											},
											someEvent: function(data) { //参数名字随便起，前后页面对应上即可
												console.log(data)
											}
										},
										success: function(res) {
											// 通过eventChannel向被打开页面传送数据
											res.eventChannel.emit('acceptDataFromOpenerPage', {
												chatid: chatid,
												stick: that.base_info.stick,
												resumeid: that.base_info.id
											}) //参数名字随便起，前后页面对应上即可
										},
									})
									return false
								}
								if (res.data.next == 'disabled') {
									uni.showModal({
										showCancel: false,
										confirmText: '确认',
										confirmColor: '#3f7eff',
										content: res.message,
										title: '系统提示',
										success(resmodal) {
											if (resmodal.confirm) {
												console.log('comfirm')
											} else {
												console.log('cancel')
											}
										}
									})
									return false
								}
								if (res.data.next == 'complete_resume') {
									uni.showModal({
										title: '系统提示',
										content: res.message,
										confirmText: '去完善简历',
										success: function(res) {
											if (res.confirm) {
												uni.navigateTo({
													url: '/personal/EditResume'
												})
											} else if (res.cancel) {
												console.log('用户点击取消');
											}
										}
									})
									return false
								}
								if (res.data.next == 'bind_weixin') {
									// 微信需要强制关注公众号
									// #ifdef MP-WEIXIN
									this.$refs.bindWeixinPopup.open()
									// #endif
									// 抖音关闭强制关注公众号
									// #ifdef MP-TOUTIAO
									this.setImShowParams({
										jobname: this.selectJobObj.jobname,
										name: this.base_info.fullname,
										resumeid: this.base_info.id,
										jobid: this.jobid,
										companyId: companyinfo.id
									})
									this.setImChatId(res.data.chatid)
									let chatid = res.data.chatid,
										that = this
									uni.navigateTo({
										url: '/im/imShow?chatid=' + res.data.chatid,
										events: {
											// 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
											acceptDataFromOpenedPage: function(
												data) { //参数名字随便起，前后页面对应上即可
												//对发送回来的数据进行处理
												console.log(data)
											},
											someEvent: function(data) { //参数名字随便起，前后页面对应上即可
												console.log(data)
											}
										},
										success: function(res) {
											// 通过eventChannel向被打开页面传送数据
											res.eventChannel.emit('acceptDataFromOpenerPage', {
												chatid: chatid,
												stick: that.base_info.stick,
												resumeid: that.base_info.id
											}) //参数名字随便起，前后页面对应上即可
										},
									})
									return false
									// #endif
								}
								if (res.data.next == 'pay') {
									uni.showModal({
										title: '系统提示',
										content: res.message,
										confirmText: '去支付',
										success() {
											// #ifdef MP-WEIXIN
											uni.navigateTo({
												url: '/service/personal/addService'
											})
											// #endif
											// #ifdef MP-TOUTIAO
											this.showDirectService = true
											// #endif
										}
									})
								}
								if (res.data.next == 'choose_job') {
									this.$refs.selectJobPopup.open()
								}
							}
						})
					})
					// this.$router.push('/im/' + this.base_info.im_userid)
				}
				//  else {
				//   this.$notify('暂时无法与当前用户进行职聊')
				//   return false
				// }
			},
			cancelSelectJob() {
				this.$refs.selectJobPopup.close()
			},
			// 下载简历
			doDownload() {
				if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doDownload'
						}
					}
				} else {
					if (this.enableClick === false) {
						return false
					}
					this.enableClick = false
					if (this.base_info.audit != 1) {
						this.enableClick = true
						this.$refs.TopTips.show({
							title: '该简历还未审核通过，不能继续此操作',
							type: 'error'
						})
						return false
					}
					const params = {
						resume_id: this.query_id
					}
					http
						.post(api.resumedownload, params)
						.then(res => {
							this.enableClick = true
							if (res.data.data.done == 0) {
								// 当日下载简历上限
								uni.showModal({
									title: '下载简历',
									content: res.data.message,
									confirmText: '升级套餐',
									confirmColor: '#1360FF',
									success(modelRes) {
										if (modelRes.confirm) {
											uni.navigateTo({
												url: '/service/company/updataSetMeal'
											})
										}
									}
								})
								return false
							} else {
								if (res.data.code == 200) {
									this.$refs.TopTips.show({
										title: res.data.message,
										type: 'success'
									})
									this.fetchData()
								}

							}
						})
						.catch(() => {
							this.enableClick = true
						})
				}
			},
			// 面试邀请
			doInterview() {
				if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doInterview'
						}
					}
				} else {
					if (this.base_info.audit != 1) {
						this.$refs.TopTips.show({
							title: '该简历还未审核通过，不能继续此操作',
							type: 'error'
						})
						return false
					}
					this.showInvite = true
					this.$refs.AddInvitation.initCB()
				}
			},
			// 分享弹窗开启
			handleOpenShare() {
				this.$refs.share.open()
			},
			// 生成海报弹窗开启
			handleCreateBill() {
				this.showPoster = !this.showPoster
			},
			// 生成海报弹窗关闭  
			closePoster() {
				this.showPoster = !this.showPoster
			},
			// 登录
			handleLogin() {
				this.$refs.LoginPopup.open()
			},
			// 登录企业账号
			handleCompanyLogin() {
				uni.removeStorageSync('loginInfo');
				this.$store.commit('setLoginState', {
					whether: false,
					utype: 0,
					token: '',
					mobile: '',
					userIminfo: {}
				})
				this.$refs.LoginPopup.open()
			},
			//  简历信息获取
			async fetchData(next_method = null) {
				const params = {
					id: this.query_id
				}
				let res = await http.get(api.resumeshow, params)

				const {
					resume_module,
					field_rule,
					base_info,
					intention_list,
					show_contact,
					show_contact_note,
					contact_info,
					work_list,
					education_list,
					project_list,
					training_list,
					language_list,
					certificate_list,
					img_list,
					apply_num,
					download_num,
					has_fav,
					phone_protect_open,
					phone_protect_timeout,
					cur_com_mobile,
					phone_protect_type,
					enclosure_resume
				} = {
					...res.data.data
				}
				this.resume_module = resume_module
				this.field_rule = field_rule
				this.base_info = base_info
				this.enclosure_resume = enclosure_resume
				// 判断是否显示更多基本信息按钮
				for (const key in this.field_rule.basic) {
					let item = this.field_rule.basic[key]
					if (item.is_display == 1 && this.base_info[key]) {
						this.moreDetailBtn = true
						break
					}
				}
				this.intention_list = intention_list
				this.show_contact = show_contact
				this.show_contact_note = show_contact_note
				this.contact_info = contact_info
				this.work_list = work_list
				this.education_list = education_list
				this.project_list = project_list
				this.training_list = training_list
				this.language_list = language_list
				this.certificate_list = certificate_list
				this.img_list = img_list
				this.apply_num = apply_num
				this.download_num = download_num
				this.has_fav = has_fav
				this.phone_protect_open = phone_protect_open
				this.phone_protect_timeout = phone_protect_timeout
				this.cur_com_mobile = cur_com_mobile
				this.phone_protect_type = phone_protect_type
				let wechatShareInfo = {
					fullname: base_info.fullname,
					sex: base_info.sex == 1 ? '男' : '女',
					age: base_info.age + '岁',
					education: base_info.education_text,
					experience: base_info.experience_text,
					intention_jobs: base_info.intention_jobs_text,
					imgUrl: base_info.photo_img_src
				}
				if (!base_info.specialty) {
					this.skeletonLoading = false
				}
				this.mainLoading = false
				if (next_method !== null) {
					this[next_method]()
				}
				this.previewImgList = this.img_list.map(function(item) {
					return item.img_src
				})
				if (next_method) {
					this[next_method]()
				}
			},
			// 获取视频列表
			getVideoList() {
				var params = {
					type: 2,
					rid: this.query_id,
					page: 1,
					pagesize: 15
				}
				http.get(api.shortvideo_videolist, params).then(res => {
					if (res.data.code == 200) {
						this.videoList = res.data.data
					}
				})
			},
			// 下载附件简历
			handleDownloadEnclosure() {
				var that = this
				if (this.is_company_login === false) {
					if (this.handleNotCompanyTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'handleDownloadEnclosure'
						}
					} else {
						this.loading = false
					}
				} else {
					this.loading = true
					var url = encodeURI(this.enclosure_resume.enclosure)
					uni.downloadFile({
						url,
						success: function(res) {
							if (res.statusCode == 200) {
								uni.saveFile({
									tempFilePath: res.tempFilePath,
									success: function(res) {
										that.loading = false
										that.$refs.TopTips.show({
											title: '下载成功',
											type: 'success'
										})
									}
								})
							}
						},
						fail: function(err) {
							that.$refs.TopTips.show({
								title: err,
								type: 'error'
							})
						}
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.loading {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.bold {
		font-weight: bold;
	}

	.font12 {
		font-size: 24rpx;
	}

	.font15 {
		font-size: 30rpx;
	}

	.line18 {
		line-height: 50rpx;
		text-align: center;
	}

	.m-top {
		margin-top: 50rpx;
	}

	.m-btm {
		margin-bottom: 40rpx;
	}

	.color-orange {
		color: #ffa54e
	}

	.warpper {
		padding: 0 30rpx 180rpx;
		/* #ifdef MP-TOUTIAO || MP-ALIPAY || MP-WEIXIN */
		padding-top: 30rpx;
		/* #endif */
	}

	.publicTitle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;

		.leftText {
			font-weight: 700;

			.color1 {
				color: #2A2A2A;
				font-size: 34rpx;
			}

			.color2 {
				color: #266DFF;
				font-size: 34rpx;
			}
		}

		.rigthText {
			color: #999999;
			font-size: 26rpx;
		}
	}

	.publicResumeItem {
		background: #fff;
		border-radius: 10rpx;
		margin-bottom: 15rpx;
	}

	.publicItemTitle {
		color: #2A2A2A;
		font-size: 30rpx;
		font-weight: bold;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			left: -30rpx;
			top: 50%;
			width: 4rpx;
			height: 28rpx;
			transform: translateY(-50%);
			background: #266DFF;
			border-radius: 0 4rpx 4rpx 0;
			z-index: 10;
		}
	}

	.resumeBase {
		.baseBox {
			position: relative;
			padding: 28rpx 30rpx 34rpx;


			.resumeName {
				display: flex;
				width: 500rpx;
				position: relative;
				align-items: center;

				.highquality {
					width: 50rpx;
					height: 46rpx;
					position: absolute;
					left: -36rpx;
					top: 4rpx;
					// transform: translateY(-50%);
					display: block;
				}

				.name {
					max-width: 400rpx;
					flex-shrink: 0;
					color: #2A2A2A;
					font-size: 38rpx;
					font-weight: 700;

					&.isPd {
						padding-left: 30rpx;
					}
				}

				.tag {
					border: 1rpx solid #FC6502;
					color: #FC6502;
					font-size: 22rpx;
					font-weight: normal;
					border-radius: 6rpx;
					padding: 0rpx 10rpx;
					background: #FFF7F2;
					margin-left: 14rpx;
					vertical-align: middle;
					display: inline-block;
				}
			}

			.resumeOther {
				width: 500rpx;
				display: flex;
				padding: 20rpx 0;

				.item {
					margin-right: 30rpx;
					color: #8A8A8A;
					font-size: 28rpx;
					position: relative;

					&::before {
						content: '';
						position: absolute;
						right: -16rpx;
						top: 50%;
						transform: translateY(-50%);
						width: 4rpx;
						height: 4rpx;
						background: #8A8A8A;
					}
				}

				.item:last-child::before {
					display: none;
				}
			}

			.resmueMore {
				width: 500rpx;
				color: #999999;
				font-size: 26rpx;
			}

			.resumeImg {
				position: absolute;
				right: 38rpx;
				top: 28rpx;
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;

				.img {
					width: 100%;
					height: 100%;
					border-radius: 50%;
					display: block;
				}

				.woman,
				.man {
					width: 22rpx;
					height: 22rpx;
					position: absolute;
					right: 0;
					bottom: 0;
				}
			}
		}

		.readMore {
			padding: 27rpx 30rpx 20rpx;
			color: #595959;
			border-top: 1rpx solid #F2F2F2;
		}
	}

	// 求职期望
	.expectation {
		background: #fff;
		padding: 0 30rpx 1rpx;
		border-radius: 10rpx;

		.expectationList {
			.expectationItem {
				margin-bottom: 30rpx;

				.jobName {
					display: flex;
					align-items: center;
					margin-bottom: 6rpx;

					.tag {
						color: #9142FF;
						font-size: 22rpx;
						border: 1rpx solid #9142FF;
						padding: 0rpx 10rpx;
						margin-right: 20rpx;
						border-radius: 4rpx;
						background: #F9F5FF;
					}

					.name {
						flex-shrink: 0;
						margin-right: 20rpx;
						max-width: 305rpx;
						color: #2A2A2A;
						font-size: 30rpx;
					}

					.salary {
						max-width: 215rpx;
						flex-shrink: 0;
						color: #FC6502;
						font-size: 28rpx;
						text-align: right;
					}
				}

				.address {
					color: #8A8A8A;
					font-size: 28rpx;
				}
			}
		}
	}

	// 求职期望
	.video {
		padding: 0 30rpx 20rpx;

		.videoList {
			height: 290rpx;
			background: #fff;
			position: relative;

			.left-back {
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 40rpx;
				height: 80rpx;
				background: rgba(52, 52, 52, .4);
				border-radius: 0px 10rpx 10rpx 0px;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.right-forword {
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 40rpx;
				height: 80rpx;
				background: rgba(52, 52, 52, .4);
				border-radius: 10rpx 0px 0px 10rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.swiper {
				width: 100%;
				height: 100%;

				.imgtwo {
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: hidden;
					position: relative;
					width: 100%;
					height: 100%;

					image {
						display: block;
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
					}
				}
			}
		}
	}

	// 统计
	.count {
		display: flex;
		align-items: center;
		background: url('../static/img/detail/count.png') no-repeat center center;
		background-size: 100% 100%;
		height: 82rpx;
		padding: 0 30rpx;

		.item {
			display: flex;
			flex: 0 0 50%;
			font-size: 28rpx;

			.label {
				color: #595959;
			}

			.value {
				color: #266DFF;
			}

			&.w1 {
				flex: 0 0 57%;
			}

			&.w2 {
				flex: 0 0 43%;
			}
		}
	}

	// 统计


	// 工作经验
	.experience {
		padding: 0 30rpx 1rpx;

		.experienceList {
			.item {
				margin-bottom: 30rpx;

				.job {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 16rpx 0 20rpx;

					.jobName {
						width: 350rpx;
						color: #FC6502;
						font-size: 28rpx;
					}

					.time {
						color: #8A8A8A;
						font-size: 24rpx;
					}
				}

				.des {
					font-size: 28rpx;
					color: #595959;

					.color1 {
						color: #999999;
					}
				}
			}
		}
	}

	// 工作经验


	// 项目经历
	.project {
		padding: 0 30rpx 1rpx;

		.projectList {
			.item {
				margin-bottom: 30rpx;

				.job {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 16rpx 0 20rpx;

					.jobName {
						width: 350rpx;
						color: #595959;
						font-size: 28rpx;
					}

					.time {
						color: #8A8A8A;
						font-size: 24rpx;
					}
				}

				.des {
					font-size: 28rpx;
					color: #595959;

					.color1 {
						color: #999999;
					}
				}
			}
		}
	}


	.education {
		padding: 0 30rpx 1rpx;

		.educationList {
			.item {
				margin-bottom: 30rpx;

				.publicItemTitle {
					display: flex;
					align-items: center;
					justify-content: space-between;

					.name {
						flex-shrink: 0;
						width: calc(100% - 270rpx);
						margin-right: 20rpx;
					}

					.time {
						flex-shrink: 0;
						width: 250rpx;
						color: #8A8A8A;
						font-size: 24rpx;
						font-weight: normal;
						text-align: right;
					}
				}

				.major {
					margin-top: 20rpx;

					.text {
						color: #595959;
						font-size: 28rpx;
						position: relative;
						margin-right: 30rpx;

						&::before {
							content: '';
							position: absolute;
							right: -16rpx;
							top: 50%;
							transform: translateY(-50%);
							width: 4rpx;
							height: 4rpx;
							border-radius: 50%;
							background: #595959;
						}

						&:last-child::before {
							display: none;
						}
					}
				}
			}
		}
	}

	// 个性标签
	.tag {
		padding: 0 30rpx 15rpx;

		.tagList {
			display: flex;
			flex-wrap: wrap;

			.item {
				background: rgba(150, 150, 150, 0.06);
				font-size: 26rpx;
				border-radius: 6rpx;
				margin-right: 15rpx;
				padding: 8rpx 18rpx;
				margin-bottom: 15rpx;
				color: #595959;
			}
		}
	}

	// 联系方式
	.contact {
		padding: 0 30rpx 30rpx;

		.contactBox {
			display: flex;
			flex-direction: column;

			.item {
				flex-shrink: 0;
				width: 48%;
				display: flex;
				font-size: 28rpx;

				&:nth-child(1) {
					margin-right: 40rpx;
				}

				.label {
					color: #999999;
					min-width: 120rpx;
					text-align: right;
				}

				.value {
					color: #595959;

					&.mobileVal {
						flex: 0 0 60%;

					}

					&.weixinVal {
						flex: 0 0 70%;
					}
				}
			}
		}
	}

	.unableSeeContact {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 34rpx 30rpx;
		border-radius: 15rpx;
		margin-bottom: 15rpx;
		background: #fff url('../static/img/detail/unableSeeContact.png') no-repeat center center;

		.text {
			color: #2A2A2A;
			font-size: 32rpx;
			font-weight: 500;
		}

		.btn {
			text-align: center;
			height: 56rpx;
			line-height: 56rpx;
			color: #FFFFFF;
			font-size: 26rpx;
			background: linear-gradient(45deg, #1360FF, #3B7BFF);
			border-radius: 10rpx;
			padding: 0 36rpx;
		}
	}


	// 提示
	.tips {
		background: #fff;
		padding: 24rpx 30rpx;
		border-radius: 15rpx;
		margin-bottom: 15rpx;

		.tipsTitle {
			color: #2A2A2A;
			font-size: 28rpx;
			font-weight: 700;
			margin-bottom: 20rpx;
		}

		.tipsDes {
			color: #999999;
			font-size: 26rpx;

			.color1 {
				color: #FF6B08;
				margin-left: 20rpx;
			}
		}
	}

	.cultivate {
		padding: 0 30rpx 1rpx;

		.cultivateList {
			.item {
				margin-bottom: 30rpx;

				.job {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 16rpx 0 20rpx;

					.jobName {
						width: 350rpx;
						color: #FC6502;
						font-size: 28rpx;
					}

					.time {
						color: #8A8A8A;
						font-size: 24rpx;
					}
				}

				.des {
					font-size: 28rpx;
					color: #595959;

					.color1 {
						color: #999999;
					}
				}
			}
		}
	}

	//获得证书
	.certificate {
		padding: 0 30rpx 15rpx;

		.certificateList {
			display: flex;
			flex-wrap: wrap;

			.item {
				color: #797979;
				font-size: 26rpx;
				background: rgba(150, 150, 150, 0.08);
				border-radius: 6rpx;
				margin-right: 15rpx;
				margin-bottom: 15rpx;
				padding: 8rpx 18rpx;

				// &:nth-child(3n) {
				// 	margin-right: 0;
				// }
			}

		}
	}

	// 语言能力
	.ability {
		padding: 0 30rpx 15rpx;

		.abilityList {
			display: flex;
			flex-wrap: wrap;

			.item {
				background: rgba(150, 150, 150, 0.06);
				font-size: 26rpx;
				border-radius: 6rpx;
				margin-right: 15rpx;
				padding: 8rpx 18rpx;
				margin-bottom: 15rpx;

				.text1 {
					color: #595959;
					margin-right: 30rpx;
					position: relative;

					&::before {
						content: '';
						position: absolute;
						right: -16rpx;
						top: 50%;
						width: 4rpx;
						height: 4rpx;
						border-radius: 50%;
						transform: translateY(-50%);
						background: #797979;
					}
				}

				.text2 {
					color: #797979;
				}

				&:nth-child(3n) {
					margin-right: 0;
				}
			}
		}
	}

	// 我的作品
	.works {
		padding: 0 30rpx 10rpx;

		.worksList {
			display: flex;
			flex-wrap: wrap;

			.item {
				flex: 0 0 196rpx;
				height: 134rpx;
				margin: 0 20rpx 20rpx 0;
				border-radius: 10rpx;
				overflow: hidden;

				&:nth-child(3n) {
					margin: 0;
				}
			}
		}
	}

	// 我的作品

	// 附件简历
	.enclosure {
		padding: 0 30rpx 20rpx;

		.enclosureList {
			.item {
				color: #1360FF;
				padding: 20rpx 0 20rpx 40rpx;
				background: url('../static/img/detail/enclosure.png') no-repeat left center;
				background-size: 26rpx 32rpx;
			}
		}
	}

	// 附件简历



	.btns {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 30rpx 46rpx;
		background: #fff;
		display: flex;
		align-items: center;
		z-index: 100;

		.dial {
			flex-shrink: 0;
			width: 50rpx;
			height: 50rpx;
			margin-right: 40rpx;
			background: url('../static/img/detail/dial.png') no-repeat center center;
			background-size: 50rpx 50rpx;
		}

		.home {
			flex-shrink: 0;
			width: 50rpx;
			height: 50rpx;
			margin-right: 40rpx;
			background: url('../static/img/detail/detailHome.png') no-repeat center center;
			background-size: 50rpx 50rpx;
		}

		.btn {
			flex-shrink: 0;
			border-radius: 50rpx;
			color: #FFFFFF;
			font-size: 32rpx;
			padding: 20rpx 50rpx;
			/* #ifdef MP-TOUTIAO || MP-WEIXIN */
			width: 240rpx;
			/* #endif */
			/* #ifdef MP-ALIPAY */
			width: 480rpx;
			/* #endif */
			position: relative;
			overflow: hidden;
			text-align: center;

			&.bgColor1 {
				background: linear-gradient(45deg, #16C272, #5DD19B);
				margin-right: 20rpx;
			}

			&.bgColor2 {
				background: linear-gradient(45deg, #1360FF, #417FFF);
				// animation: anim-out-pseudo-two 3s;
				// .bannerBtnAnim::after{
				// 	animation: anim-out-pseudo-two 3s;
				// 	animation-iteration-count: infinite;
				// 	animation-duration: 3s;
				// }
			}
		}
	}

	.addInvitation {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		transform: translateX(100%);
		z-index: 10052;
		background-color: #fff;
		transition: all .5s;

		&.ac {
			transform: translateX(0%);
		}
	}

	.addJobTips {
		text-align: center;
		padding: 35rpx 25rpx;
		font-size: 30rpx;
		color: #606266;
		padding-top: 240rpx;
		background: url(../static/img/customer-dialog.png);
		background-size: 100% 152rpx;
		background-position: top center;
		background-repeat: no-repeat;

		.text1,
		.text2 {
			color: #1b1a1a;
			font-size: 36rpx;
		}

		.text2 {
			margin-bottom: 50rpx;
			margin-top: 20rpx;
		}

		.text3 {
			font-size: 46rpx;
			color: #ff6600;
			margin-bottom: 30rpx;
		}

		.text4 {
			color: #999999;
			font-size: 28rpx;
		}
	}

	.moreBaseInfo {
		padding: 30rpx 50rpx;

		.detail_line {
			display: flex;
			align-items: center;
			margin-bottom: 6rpx;

			.line_left {
				color: #999999;
				font-size: 28rpx;
			}

			.line_right {
				color: #595959;
				font-size: 28rpx;
			}
		}
	}

	// 绑定微信开始
	.bind-weixin-box {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 10px 0;

		.title-1 {
			color: #646566;
			font-size: 14px;
		}

		.img {
			width: 111px;
			height: 111px;
			margin: 13px auto 10px;

			.qrcode {
				width: 100%;
				height: 100%;
			}
		}

		.title-2 {
			color: #999999;
			font-size: 13px;
		}
	}

	//绑定微信结束
</style>